<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车</title>
    <link rel="shortcut icon" href="../favicon.ico"/>
    <script src="../libs/jquery.min.js"></script>
    <link rel="stylesheet" href="../css/hf_index.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="../libs/iconfont/iconfont.css">


</head>
<body>
    <!-- 头部区域 -->
    <header></header>

    <!-- 内容区域 -->
    <main>
        <nav>
            <div>
                <a href="../index.html"><img src="../img/logo.png" alt=""></a>
                <span>我的购物车</span>
            </div>
        </nav>

        <!-- 购物车 -->
        <div class="shopcart">

                <!-- 购物车头部 -->
                <div class="carttop">
                    <div>
                        <input type="checkbox" class="selectall">
                        <span>全选</span>
                    </div>
                    <ul>
                        <li>商品</li>
                        <li>单价</li>
                        <li>数量</li>
                        <li>小计</li>
                        <li>操作</li>
                    </ul>
                </div>

                <!-- 购物车列表 -->
                <div class="cartlist">
                    <!-- <div class="cartlistmain">
                        <input type="checkbox">
                        <div class="maintype">
                            <a href="#"><img src="../img/watch2.png" alt=""></a>
                            <ul>
                                <li>
                                    <a href="">华为智选 360智能扫地机2Pro</a>
                                    <i>白色 主机</i>
                                    <b>此商品由北京神州数码科捷技术服务有限公司龙岗分公司发货</b>
                                </li>
                                <li><i>¥ 2799.00</i></li>
                                <li>
                                    <div>-</div>
                                    <input type="text" value="1">
                                    <div>+</div>
                                </li>
                                <li><i>¥ 2799.00</i></li>
                                <li><span>删除</span></li>
                            </ul>
                        </div>
                    </div>
                     -->
                    
                </div>

                

                <!-- 购物车尾部 -->
                <div class="cartbtm">
                    <div class="boxdel">
                        <input type="checkbox" class="selectall1">
                        <span>全选</span>
                        <span class="delall">清空购物车</span>
                    </div>
                    <div class="allprice">
                        <div><span>总计：</span><i class="moneyall"> ¥  0.00</i></div>
                        <p>已选择<i class="quantall">0</i> 件商品，优惠：<span>¥ 200.00</span></p>
                    </div>
                    <button class="location"><a href="">立即结算</a></button>
                </div>
        </div>
        
    </main>

    <!-- 尾部区域 -->
    <footer></footer>
    <script src="../js/cart.js"></script>

</body>
</html>